<template>
	<view class="">
		<view class="form">
			
			 <view class="title">
			 	 <text>验证码登录</text>
				 <view class="right">
				 	<slot></slot>
				 </view>
				 
			 </view>
			 <view class="input line">
			 	 <input placeholder="手机号" type="text" />
			 </view>
			 <view class="input ">
			 	 <input placeholder="验证码" :password="showPassword" />
				  <span @click="changeInputType">获取验证码</span>
				 
			 </view>

	 		
		</view>
<button class="btn" @click="submit">登录</button>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				showPassword:true
				 
			}
			
		},
		methods: {
			changeInputType(){
				
				this.showPassword= !this.showPassword;
				
			},
			submit() {

			}
		},
	}
</script>

<style lang="less">
	 	@import url('../../static/css/login.less');
</style>